@charset "utf-8";
/* CSS Document */

html,body,div,p,ul,li,h1,h2,h3,h4,h5{ margin:0; padding:0; font-size:14px; font-family:'Microsoft YaHei',Arial,Helvetica,sans-serif,"宋体"}
ul,li{ list-style:none;}
img{ border:0; vertical-align:top; display:block; max-width:100%; height:auto; }
a{ text-decoration:none;}

.clear{zoom:1;}
.clear:after{ content:''; display:block; clear:both;}

.w1200{ width:1200px; margin:0px auto;}
.left{ float:left;}
.right{ float:right;}

.top{ background:linear-gradient(to bottom, #ededed 0%, #e6e6e6 100%); padding:6px 0px;}
.top p{ font-size:12px; font-style:normal;}
.top p a{ color:#333;}
.top p a:hover{ color:#F00;}

.header{ padding:30px 0px; background: #FFF;}
.logo{ display:block; width:80%; float:left;}
.logo_img{ float:left;}
.logo_t{ width:60%; float:left; margin:5px 0; margin-left:30px; padding-left:30px; border-left:1px solid #d4d4d4;}
.logo_t h2{ font-size:36px; position:relative; color:#333; font-weight:bold; word-spacing:-1.5px; font-style:normal;}
.logo_t p{ font-size:18px; color:#e45c0c; word-spacing:-1.5px; margin-top:5px;}

.nav{ background:#005197; width:auto; height:50px; border-top:#000 1px solid;}
.menu{ width:1200px; margin:0px auto;}
.nav a { display:block; width:16.666666666%; text-align:center; height:50px; line-height:50px; color:#FEFEFE; font-size:14px; float:left;  background:#005197;}
.nav a:hover{ background:#0064b9; text-decoration:none;}
.nav a.current{ background:#2793e8; text-decoration:none;}

.white{ background:#FFF; padding-bottom:40px;}
.bt{ font-size:28px; text-align:center; color:#333; padding-top:40px;}
.bt span{ display:block; font-size:18px; font-style:normal; font-weight:normal; color:#666; padding-top:10px;}
.procenter{ padding-top:40px; overflow:hidden;}
.procenter ul{ margin-right:-2%;}
.procenter li{ float:left; width:23%; margin-right:2%; margin-bottom:40px; box-shadow:0px 10px 10px -10px #656B79;}
.procenter li a{ display:block;}
.mask{ position:relative; overflow:hidden;}
.mask:before{ content:""; width:100%; height:100%; background:#000; position:absolute; top:0; opacity:0; transition: all 0.5s ease 0s;}
.procenter li a:hover .mask:before{ opacity:0.5;}
.procenter p{ position:absolute; color:#FFF; top:0; left:0; opacity:0; padding:10px; line-height:160%;}
.procenter h2{ height:40px; line-height:40px; font-size:14px; font-weight:normal; background:#DDD; text-align:center; color:#333;}
.procenter li a:hover p{ opacity:1; transition: all 0.5s ease 0s;}
.procenter li a:hover h2{ background:#0064b9; color:#FEFEFE; transition: all 0.5s ease 0s;}
.more{ display:block; width:198px; height:36px; line-height:36px; font-size:14px; border:#ccc 1px solid; color:#333; border-radius:2px; margin:auto; text-align:center;}
.more:hover{ background:#0064b9; color:#fefefe; transition:all .3s;}

.jianjie{ background:#e9eaec; padding-bottom:40px;}
.bth{ font-size:28px; text-align:center; color:#C1C1C1; padding-top:40px;}
.bth span{ display:block; font-size:18px; font-style:normal; font-weight:normal; color:#ACACAC; padding-top:10px;}
.aboutcon{ padding-top:40px;}
.aboutcon ul{ background:#FFF;}
.aboutcon li{ float:left; width:50%;}
.aboutcon i{ display:block; padding:40px; font-size:28px; color:#333; font-weight:normal; font-style:normal;}
.aboutcon p{ font-size:16px; line-height:230%; color:#666; padding:0px 40px 20px 40px;}
.zixun{ display:block; width:198px; text-align:center; height:40px; line-height:40px; font-size:14px; background:#005197; color:#FEFEFE; border-radius:20px; margin:auto; transition: all .3s;}
.zixun:hover{ border-radius:5px;}

.footer{ background:#292929;}
.footer p{ text-align:center;}
.yijuhua{ padding:20px 0px; border-bottom:1px solid #434343; color:#fefefe;}
.banquan{ padding:20px 0px; color:#fefefe;}
.banquan a{ color:#fefefe;}
.banquan a:hover{ text-decoration:underline;}

/* 2 */

.inner{ background:#e9eaec;}

.innercon{ float:left; width:73%; padding-bottom:20px; overflow:hidden;}
.crumb{ background:#FFF; width:100%; padding:20px 0px; margin-top:20px;}
.crumb span{ padding:0 18px; border-left:3px solid #005197;}
.crumb span a{ color:#333;}
.crumb span a:hover{ color:#005197;}

.zhuti{ background:#FFF; margin:10px 0px;}
.zhuti h1{ font-size:22px; padding:10px 0px; margin:0px 15px; border-bottom:1px solid #eaeaea;}
.zhuti p{ padding:15px; font-size:16px; line-height:180%; color:#444;}

.innerlist li{ background:#FFF; padding:0px 20px; margin-top:1px;}
.innerlist li img{ float:left; width:200px; padding:20px 20px 20px 0px;}
.itemcon{ position:relative; margin-left:220px; min-height:170px;}
.innerlist h2{ padding-top:20px;}
.innerlist h2 a{ color:#000; font-size:20px; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; display:-webkit-box; -webkit-line-clamp:2; text-decoration: none;}
.innerlist h2 a:hover{ color:#005197; text-decoration:underline;}
.innerlisttext p{ color:#666;}
.listinfo{ line-height:180%; height:76px; overflow:hidden; padding-top:5px; color:#666;}
.faburiqi{ position:absolute; bottom:0;}
.faburiqi i{ font-style:normal; color:#666;}

.innerlist span{ float:left; margin:20px 20px 20px 0px; background:#005197; width:90px; height:90px; text-align:center; color:#FFF;}
.innerlist span b{ display:block; font-size:30px; padding-top:10px; padding-bottom:5px;}
.itemnews{ min-height:70px;}
.newsinfo{ overflow:hidden; line-height:180%; padding-top:5px;}

.pagep{ padding:10px; text-align: center; background:#FFF; margin-top:1px;}
.pagep ul{ display: inline-block;}
.pagep li{ float:left;}
.smys{ padding:0 10px; line-height:28px; border:#dcdcdc 1px solid; margin-right:5px; font-size:12px; color:#005197; background:#fff;}
.pagep a{ padding:0 10px; line-height:28px; border:#dcdcdc 1px solid; margin-right:5px; text-decoration:none; font-size:12px; color:#005197; background:#fff; display:block;}
.pagep a:hover, .pagep .thisclass{ padding:0 10px; line-height:28px; margin-right:5px; color:#FFF; background:#005197; border:#005197 1px solid; display:block;}

.side{ width:25%; float:right; padding-top:20px; overflow:hidden;}
.sidebt{ height:60px; line-height:60px; text-align:center; background:url(images/bg5.jpg) no-repeat #005197; color:#fff; font-size:20px; font-weight:bold;}
.sidebox{ margin-bottom:20px;}
.sidebox ul{ border: 1px solid #ddd;}
.sidebox a{ display:block; border-top:1px solid #eaeaea; line-height:50px; height:50px; padding:0px 15px; font-size:14px; color:#000; background:#FFF; transition: all .3s ease-in-out 0s; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.sidebox a:hover{ background-color:#005197; color:#fefefe;}
.sidebox div{ background:#FFF;}
.sidebox div img{ margin:auto; padding:10px;}

/* 3 */
.neirong{ background:#FFF; margin-top:1px;}
.nrbt{ font-size:20px; text-align:center; padding:20px;}
.nrrq{ display:block; text-align:center; padding-bottom:20px; margin:0px 20px; border-bottom:1px solid #999; font-style:normal; color:#333;}
.nrrq em{ font-style:normal; padding-left:20px;}
.nrcon{ padding:20px 0px; overflow:hidden;}
.nrcon p{ padding:0px 20px; font-size:16px; line-height:200%; text-indent:2em;}
.nrcon h2{ font-size:18px; height:50px; line-height:50px; margin:20px 0px; padding-left:20px; padding-right:40px; border-left:3px solid #005197; background:#f7f7f7; display:inline-block;}
.nrcon h2 span{ display:none;}
.nrcon img{ margin:10px auto;}
.updown{ margin-top:1px; background:#FFF; padding:20px;}
.updown p{ line-height:200%; color:#333;}
.updown p a{ color:#333;}
.updown p a:hover{ color:#005197; text-decoration:underline;}

/* sigle */
.siglebt{ font-size:20px; text-align:center; padding:20px; border-bottom:1px solid #999; margin:0px 20px; }
.siglecon{ padding:20px 0px; overflow:hidden;}
.siglecon p{ padding:0px 20px; font-size:16px; line-height:280%; text-indent:2em;}
.siglecon img{ margin:10px auto;}
.siglecon h2{ font-size:18px; height:50px; line-height:50px; margin:20px 0px; padding-left:20px; padding-right:40px; border-left:3px solid #005197; background:#f7f7f7; display:inline-block;}


@media (min-width: 1200px) {
	.w1200,.menu{ width:1200px;}	
}
@media (max-width:1199px) {
	.w1200{ padding:0px 10px; margin:0px auto; width:auto;}	
	.logo{ width:100%;}
	.logo_t{ padding-left:2%; margin-left:1%;}
	.menu{ margin:0px; width:auto;}
	
	.aboutcon i{ padding:20px 40px 20px 40px;}
	.aboutcon p{ line-height:200%; font-size:14px;}
	
	/* 2 */
	.newsinfo{ line-height:normal;}

}
@media (max-width:991px) {
	.logo_t{ width:auto;}
	
	.aboutcon li img{ height:353px;}
	.aboutcon p{ padding:0px 20px 20px 20px;}
	.aboutcon a{ margin-bottom:20px;}
	
	/* 2 */
	.innercon{ float:none; width:100%; padding-bottom:0px;}
	.side{ float:none; width:100%;}

}
@media (max-width:767px) {
	.logo_img{ padding-top:0;}
	.logo_t{ display:none;}	
	
	.white{ padding-bottom:0px;}
	.bt,.bth{ font-size:24px; padding-top:20px;}
	.bt span, .bth span{ font-size:16px;}
	
	.white{ padding-bottom:20px;}
	.procenter{ padding-top:20px;}
	.procenter li{ width:48%; margin-bottom:20px;}
	
	.gray{ padding-bottom:20px;}
	
	.jianjie{ padding-bottom:20px;}
	.aboutcon{ padding-top:20px;}
	.aboutcon ul{ background:none; box-shadow:none;}
	.aboutcon li{ float:none; width:100%;}
	.aboutcon li img{ margin:auto; height:auto;}
	.aboutcon i{ height:0; overflow:hidden; padding:0;}
	.aboutcon p{ padding:20px; color:#333;}
	.aboutcon li a{ margin-bottom:0px;}
	
	.zhishi{ padding-bottom:20px;}
	.zscon{ padding-top:20px; margin-right:0;}
	.piaofu{ float:none; width:auto; margin-right:0; padding-bottom:20px;}
	
	/* 2 */
	.innerlist h2 a{ font-size:18px;}	
	.newsinfo{ line-height:normal; height:60px;}
}
@media (max-width:479px) {
	.nav{ height:111px; border-top:none;}
	.nav a{ width:50%; border-top:#000 1px solid; height:36px; line-height:36px;}
	
	.bt,.bth{ font-size:20px; padding-top:20px;}
	.bt span, .bth span{ font-size:16px;}
	
	.procenter li{ margin-bottom:10px;}
	.more{ width:180px; height:30px; line-height:30px;}
	
	.alcon ul{ margin-right:0;}
	.alcon li{ box-shadow:none; float:none; width:auto; margin-bottom:10px;}
	.caseinfo{ padding-bottom:10px; line-height:140%;}
	
	/* 2 */
	.innerlist li{ padding:0px 10px;}
	.innerlist li img{ width:120px; padding:10px 10px 10px 0px;}
	.itemcon{ margin-left:130px; min-height:100px;}
	.innerlist h2{ padding-top:10px;}
	.innerlist h2 a{ font-size:16px; line-height:160%; font-weight:normal;}
	.listinfo{ height:0; overflow:hidden; padding:0;}
	
	.innerlist span{ margin:10px 10px 10px 0px; padding:0px;}
	.innerlist span b{ padding-top:10px;}	
	
	.innerlist span{ width:70px; height:60px; margin:5px 10px 5px 0px;}
	.innerlist span b{ font-size:26px; padding-top:3px; padding-bottom:0;}
	.newsinfo{ height:0; overflow:hidden; padding:0;}
	
	/* 3 */
	.nrcon p{ font-size:14px;}
	.nrcon h2{ font-size:16px;}
	.nrcon img{ width:96%;}
}